/** CSS for Wizard **/

.wizard-header h3 {
  font-size: 14px;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 0px;
}

.wizard_dlg {
  height: 100%;
  width: 100%;
}

.pgadmin-wizard {
  width: 100%;
  height: 100%;
}

.wizard-right-panel {
  overflow-y: auto;
  height: 100%;
  top: 0;
  right: 0;
  position: absolute;
  bottom: 0;
}

.wizard-left-panel {
  position: absolute;
  top: 0;
  display: flex;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  right: 0;
}

.wizard-left-panel img {
  width: 140px;
}

/* Wizard Footer CSS */
.pgadmin-wizard .footer .row {
  margin: 0 -6px 3px -6px;
}

.wizard-header button {
    padding: 10px;
    margin-top: -1px;
}

.wizard-header .ajs-close.wizard-cancel-event {
  background: url() no-repeat center center;
}

.wizard-header .ajs-maximize.wizard-maximize-event {
  background: url() no-repeat center center;
}

.wizard-header .ajs-maximized.wizard-maximize-event {
  background: url() no-repeat center center;
}

/* Wizard Status bar CSS */
.pgadmin-wizard .wizard-description {
  padding: 0.5rem 0rem;
}

/* In wizard select2 dropdown doesn't
 * popup because z-index of alertify
 * wizard is greater than the z-index
 * of select2 dropdown. To make select2
 * visible, set z-index of select2
 * higher value than wizard's
 */
.select2-container--open {
  z-index: 10000;
}

.wizard-content h3 {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}
